{% extends 'base.html' %}
{% load static %}
{% block body %}

	<h3 class="common_title">确认收货地址</h3>

	<div class="common_list_con clearfix">
		<dl>
			<dt>寄送到：</dt>
			<dd><input type="radio" name="addr" checked>{{uaddress}} （{{ushou}} 收） {{uphone}}</dd>
		</dl>
		<a href="/user/site" class="edit_site">编辑收货地址</a>

	</div>
	
	<h3 class="common_title">支付方式</h3>	
	<div class="common_list_con clearfix">
		<div class="pay_style_con clearfix">
			<input type="radio" name="pay_style" value="货到付款" checked>
			<label class="cash">货到付款</label>
			<input type="radio" name="pay_style" value="微信支付">
			<label class="weixin">微信支付</label>
			<input type="radio" name="pay_style" value="支付宝">
			<label class="zhifubao"></label>
			<input type="radio" name="pay_style" value="银行卡支付">
			<label class="bank">银行卡支付</label>
		</div>
	</div>

	<h3 class="common_title">商品列表</h3>
	<div class="common_list_con clearfix">
		<ul class="goods_list_th clearfix">
			<li class="col01">商品名称</li>
			<li class="col02">商品单位</li>
			<li class="col03">商品价格</li>
			<li class="col04">数量</li>
			<li class="col05">小计</li>		
		</ul>


		{% for cart in carts2 %}
		<ul class="goods_list_td clearfix"  id="{{cart.id}}">
			<li class="col01">{{ forloop.counter }}</li>
			<li class="col02"><img src="{{STATIC_URL}}{{cart.goods.gpic}}"></li>
			<li class="col03">{{cart.goods.gtitle}}</li>
			<li class="col04">{{cart.goods.gunit}}</li>
			<li class="col05" id = "price">{{cart.goods.gprice}}</li>
			<li class="col06" id = "count">{{cart.count}}</li>
			<li class="col07" id = "goodsum"></li>
		</ul>

    	{% endfor %}
	</div>

	<h3 class="common_title">总金额结算</h3>

	<div class="common_list_con clearfix">
		<div class="settle_con">
			<div class="total_goods_count">共<em class="countGood">{{count}}</em>件商品，总金额<b id="sumtotal">{{sum}}元</b></div>
			<div class="transit">运费：<b>10元</b></div>
			<div class="total_pay">实付款：<b id="realtotal">{{newsum}}元</b></div>
		</div>
	</div>

	<div class="order_submit clearfix">
		<a href="javascript:ordersubmit();" id="order_btn"  >提交订单</a>
	</div>	

	<div class="popup_con">
		<div class="popup">
			<p>订单提交成功！</p>
		</div>
		
		<div class="mask"></div>
	</div>
{% endblock body %}
{% block head %}

	<script type="text/javascript" src="{% static 'js/jquery-1.12.4.min.js' %}"></script>
	<script type="text/javascript">
	$(function(){
<!--		$(document).ready(function () {-->
<!--      if(location.href.indexOf("#reloaded")==-1){-->
<!--         location.href=location.href+"#reloaded";-->
<!--         location.reload();-->
<!--     }-->
<!--});-->
        calculateTotal();
              });
	function ordersubmit(){
		ret = confirm("您确定要提交订单吗？");
		if(ret){
		pay_meth = $('input[name = "pay_style"]:checked').val();
		realtotal = $("#realtotal").text();
		goodsdata = {'pay_meth':pay_meth,'realtotal':realtotal};
		$.post('/order/add_checkedgoods',goodsdata,function(data){
			if(data.ok==1){
				alert("创建订单成功！");
				window.location.href="/user/order1";
			}else{
				alert("创建订单失败。")

			}

		});

		}
}
	 // 计算总价
        function calculateTotal() {
        	var sumTotal = 0; // 商品总价钱
            var countGood = 0; // 商品总数量
            var realtotal = 0 ;
                // 更新显示的总价钱和总数量
                $(".col07").each(function(index, element){
                var sum =  $(element).prev().text() * $(element).prev().prev().text() ;
                $(element).text(sum.toFixed(2) + '元');
                if($(element)) {

                    sumTotal += sum;
                    countGood++;
                }

                $("#sumtotal").text(sumTotal.toFixed(2));
                $("#realtotal").text((sumTotal + 10).toFixed(2));
                $(".countGood").text(countGood);
                //console.log(sum)
                });
        }
        $.ajaxSetup({
            data: {csrfmiddlewaretoken: '{{csrf_token}}'}
        });
	</script>
{% endblock head %}
